<template>
    <div>
      <el-time-select
      v-model="val"
      :picker-options="{
        start: '00:00',
        step: '00:05',
        end: '23:55'
      }"
      @change="editVal"
      placeholder="选择时间">
    </el-time-select>
    </div>
  </template>
  
  <script>
  import { TimePicker } from 'element-ui'
  
  export default {
    name: 'TimePicker',
    components: { TimePicker },
    props: {
      val: String
    },
    methods:{
      editVal(val){
        this.val = val;
        console.log(this.val);
      }
    }
  }
  </script>
  
  <style scoped>
  </style>